import React, { Component } from 'react'
import { Animated } from "react-native";
import View = Animated.View;

export default class FlexDirection extends Component {
    render() {
        return (
            // 把 flexDirection 改为 column 看看
            <View style={{
                flexDirection: 'row',
                // flex: 1,
                justifyContent: 'center',
                alignItems: 'center',
            }}>
                <View style={{width: 50, height: 50, backgroundColor: 'powderblue'}}/>
                <View style={{width: 50, height: 50, backgroundColor: 'skyblue'}}/>
                <View style={{flex: 1, backgroundColor: 'steelblue'}}/>
            </View>
        )
    }
}
